@primary:#1DA57A;
// .user_collect_box{
//     width: 100%;
//     height: 100%;
//     display: grid;
//     grid-template-columns: 300px auto 300px;
//     grid-template-rows: 40px;
//     column-gap: 40px;
//     margin-top: 12px;
//     aside{
//         position: relative;
//     }
//     aside:nth-child(1){
//         justify-self: end;
//     }
// }


.user_collect_box{
    width: 100%;
    // overflow: hidden;
    // margin-bottom: 46px;
    display: grid;
    grid-template-rows: 1fr;
    column-gap: 10px;
    justify-items: center;
    .aside_left{
        display: none;
    }
    .aside_right{
        display: none;
    }
    main{
        padding: 0 10px;
        width: 100%;
        overflow: hidden;
    }
}

@media screen and (min-width:992px) {
    .user_collect_box{
        grid-template-columns: auto 300px;
        main{
            height: 100%;
        }
        .aside_right{
            display: block;
        }
    }
}

@media screen and (min-width:1200px) {
    .user_collect_box{
        grid-template-columns: 300px auto 300px;
        .aside_left{
            display: block;
        }
    }
}